<div class="container" @myInsertRemoveTrigger *ngIf="change" [hidden]="!hide" draggable="true">
  <div class="top">
    <div><i></i><label>人事管理</label></div>
    <span class="spanOne" (click)="close()"><i class="iconfont icon-guanbi"></i></span>

    <span class="spanThree" (click)="toSmall($event)"><i class="iconfont icon-suoxiao"></i></span>
  </div>
  <div class="bototm">
    <div class="operation">
      <button class="add-employee" (click)="add()">添加员工</button>
      <div class="search">
        <input type="text" name="keyword"/><button class="btn-search">搜索</button>
      </div>
    </div>
    <table class="table">
      <thead>
        <tr>
          <th>编号</th>
          <th>姓名</th>
          <th>性别</th>
          <th>手机号码</th>
          <th>状态</th>
          <th class="td-operation">操作</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let emp of empList">
          <td>{{emp.code}}</td>
          <td>{{emp.name}}</td>
          <td>{{emp.sex}}</td>
          <td>{{emp.phone}}</td>
          <td>{{emp.state==1?'在职':'离职'}}</td>
          <td>
            <button (click)="detail(emp.code)">查看</button>
            <button (click)="edit(emp.code)">修改</button>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
<app-emp-detail></app-emp-detail>
<app-emp-edit></app-emp-edit>
<app-add-employee></app-add-employee>